<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pCliente.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>
		
		<ui:define name="titulopagina">
			<h:outputText value="POSICION ACTUAL - TODAS LAS CUENTAS" />
		</ui:define>
        
        <ui:define name="agregaIconoEjecutivos"/>
        
		<ui:define name="agregaIconoEmail"/>

		<ui:define name="bodyarea">
			<input type="hidden" id="nomReporte" name="nomReporte" value="SituacionActual"/>
			<f:event type="preRenderView" listener="#{situacionActualController.onPageLoad}"/>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1" width="100%"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText
						value="Distribución por Categoría de Activo Financiero" />
				</f:facet>
				<h:panelGrid width="100%" columns="2">
					<p:dataTable id="listadoCategoria" value="#{situacionActualController.listaSituacionCatActivo}" 
						var="fila" rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:columnGroup type="header">
							<p:row>
								<p:column width="220" headerText="Categoría de Activos" />
								<p:column width="100" headerText="Saldo Actual" />
								<p:column width="70" headerText="Actual (%)" />
							</p:row>
						</p:columnGroup>
						<p:column><h:outputText value="#{fila.descripcioncatactivo}" /></p:column>
						<p:column styleClass="columnNumero"><h:outputText value="#{fila.montodisponibledolarizado}" /></p:column>
						<p:column styleClass="columnNumero"><h:outputText value="#{fila.pesoactual} %" />	</p:column>
						<p:columnGroup type="footer">  
				            <p:row>
								<p:column footerText="Total Expresado en Dólares" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.fmontoTotalCatActivo}" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.fpesoTotalCatActivo}%" styleClass="styleDataTableFooterOrange"/>
							</p:row>
						</p:columnGroup>
					</p:dataTable>
					<h:panelGroup>
						<p:graphicImage value="#{situacionActualController.chartPieDistActivoFinanciero}" />
					</h:panelGroup>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1" width="100%"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText
						value="Distribución por Tipo de Producto por Monedas" />
				</f:facet>
					<h:panelGrid width="100%" columns="1">
						<p:dataTable id="listadoTipoMonedas_" value="#{situacionActualController.listaDisXTipoProductoXMonedas}"
							var="fila" rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
							rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
							<p:columnGroup type="header">
								<p:row>
									<p:column width="220" rowspan="2" headerText="Productos" />
									<p:column width="170" colspan="2" headerText="USD (Expresado en Dólares)" />
									<p:column width="170" colspan="2" headerText="PEN (Expresado en Dólares)" />
									<p:column width="170" colspan="2" headerText="EUR (Expresado en Dólares)" />
								</p:row>
								<p:row>
									<p:column width="85" headerText="Monto" />
									<p:column width="85" headerText="Peso(%)" />
									<p:column width="85" headerText="Monto" />
									<p:column width="85" headerText="Peso(%)" />
									<p:column width="85" headerText="Monto" />
									<p:column width="85" headerText="Peso(%)" />
								</p:row>
							</p:columnGroup>
							<p:column><h:outputText value="TOTAL #{fila.destipoproducto}" /></p:column>
							<p:column styleClass="columnTableDolares"><h:outputText value="#{fila.monto_disponibleusd}" /></p:column>
							<p:column styleClass="columnTableDolares"><h:outputText value="#{fila.peso_disponibleusd} %" /></p:column>
							<p:column styleClass="columnTableSoles"><h:outputText value="#{fila.monto_disponiblepen}" /></p:column>
							<p:column styleClass="columnTableSoles"><h:outputText value="#{fila.peso_disponiblepen} %" /></p:column>
							<p:column styleClass="columnTableEuros"><h:outputText value="#{fila.monto_disponibleeur}" /></p:column>
							<p:column styleClass="columnTableEuros"><h:outputText value="#{fila.peso_disponibleeur} %" /></p:column>
							<p:columnGroup type="footer">  
					            <p:row>
									<p:column footerText="Total Expresado en Dólares" styleClass="styleDataTableFooterOrange"/>
									<p:column footerText="#{situacionActualController.dbeMonto_disponibleusd}" styleClass="styleDataTableFooterOrange"/>
									<p:column footerText="#{situacionActualController.dbePeso_disponibleusd} %" styleClass="styleDataTableFooterOrange"/>
									<p:column footerText="#{situacionActualController.dbeMonto_disponiblepen}" styleClass="styleDataTableFooterOrange"/>
									<p:column footerText="#{situacionActualController.dbePeso_disponiblepen} %" styleClass="styleDataTableFooterOrange"/>
									<p:column footerText="#{situacionActualController.dbeMonto_disponibleeur}" styleClass="styleDataTableFooterOrange"/>
									<p:column footerText="#{situacionActualController.dbePeso_disponibleeur} %" styleClass="styleDataTableFooterOrange"/>
								</p:row>
							</p:columnGroup>
						</p:dataTable>
						<h:panelGrid columns="3">
						    <p:graphicImage value="#{situacionActualController.chartPieProductoUSD}" />
							<p:graphicImage value="#{situacionActualController.chartPieProductoPEN}" />
							<p:graphicImage value="#{situacionActualController.chartPieProductoEUR}" />
						</h:panelGrid>
					</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1" width="100%"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Distribución por Tipo de Producto" />
				</f:facet>
				<h:panelGrid width="100%" columns="2" >
					<p:dataTable id="listadoTipo" value="#{situacionActualController.listaDisXTipoProductoXMonedas}"
						var="fila" emptyMessage="No hay resultados." styleClass="styleDataTableWrapNormal" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:columnGroup type="header">
							<p:row>
								<p:column width="220" headerText="Productos" />
								<p:column headerText="Saldo Actual" />
								<p:column width="70" headerText="Utilidad" />
								<p:column headerText="Peso (%)" />
							</p:row>
						</p:columnGroup>
						<p:column><h:outputText value="TOTAL #{fila.destipoproducto}" /></p:column>
						<p:column styleClass="columnNumero"><h:outputText value="#{fila.monto_disponibletotal}" /></p:column>
						<p:column styleClass="columnNumero"><h:outputText value="#{fila.utilidadtotal}" /></p:column>
						<p:column styleClass="columnNumero"><h:outputText value="#{fila.peso_disponibletotal} %" /></p:column>
						<p:columnGroup>
						    <p:row>
								<p:column footerText="Total Expresado en Dólares" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.valor01}" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.valor02}" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.valor02}" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.valor03} %" styleClass="styleDataTableFooterOrange"/>
							</p:row>
						</p:columnGroup>
					</p:dataTable>
					<h:panelGroup>
						<p:graphicImage value="#{situacionActualController.chartPieDistProductoPorMoneda}" />
					</h:panelGroup>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="panelExpEspecifica_"
				cellpadding="5" styleClass="bordePanel" columns="1" width="100%"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="" />
				</f:facet>
				<p:dataTable id="_listadoActivosParticulares" value="#{situacionActualController.listaExpEspActivosParticulares}" 
					var="fila_" emptyMessage="No hay resultados." styleClass="styleDataTableWrapNormal"
					paginator="true" rows="10" rowIndexVar="rowIndex"
					rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
					<p:column width="180">
						<f:facet name="header">
							<h:outputText value="Tipo"/>
						</f:facet>
						<h:outputText value="#{fila_.tipo}" />
					</p:column>
					<p:column width="130">
						<f:facet name="header">
							<h:outputText value="Limite"/>
						</f:facet>
						<p:commandLink id="link_" actionListener="#{situacionActualController.seleccionarActivos(fila_)}"
							value="#{fila_.descripcionlimiterfrv}" oncomplete="poppnlDetalleExposicion_.show()" styleClass="textoNegritaLink"/>
					</p:column>
					<p:column styleClass="columnNumero">
						<f:facet name="header">
							<h:outputText value="Términos Individuales(%)"/>
						</f:facet>
						<h:outputText value="#{fila_.terminoindividual} %" />
					</p:column>
					<p:column styleClass="columnNumero">
						<f:facet name="header">
							<h:outputText value="Términos Colectivos(%)"/>
						</f:facet>
						<h:outputText value="#{fila_.terminocolectivo} %" />
					</p:column>
					<p:column styleClass="columnTableAzul">
						<f:facet name="header">
							<h:outputText value="Resultado Individual"/>
						</f:facet>
						<h:outputText value="#{fila_.resultindividual}" />
					</p:column>
					<p:column styleClass="columnTableRosado">
						<f:facet name="header">
							<h:outputText value="Resultado Colectivo"/>
						</f:facet>
						<h:outputText value="#{fila_.resultcolectivo}" />
					</p:column>
				</p:dataTable>
			</h:panelGrid>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1" width="100%"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Desviación contra Perfil" />
				</f:facet>
				<h:panelGrid columns="2" width="100%">
					<p:dataTable id="listadoDesviacion_" value="#{situacionActualController.listaSituacionCatActivo}" 
						var="fila" emptyMessage="No hay resultados." styleClass="styleDataTableWrapNormal"
						rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:columnGroup type="header">
							<p:row>
								<p:column headerText="Categoría de Activos" />
								<p:column width="70" headerText="Actual (%)" />
								<p:column headerText="Ideal (%)" />
							</p:row>
						</p:columnGroup>
						<p:column><h:outputText value="#{fila.descripcioncatactivo}" /></p:column>
						<p:column styleClass="columnTableAzul"><h:outputText value="#{fila.pesoactual} %" /></p:column>
						<p:column styleClass="columnTableRosado"><h:outputText value="#{fila.pesoideal} %" /></p:column>
						<p:columnGroup type="footer">  
				            <p:row>
								<p:column footerText="Total" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.fpesoTotalCatActivo} %" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="#{situacionActualController.fpesoIdealCatActivo} %" styleClass="styleDataTableFooterOrange"/>
							</p:row>
						</p:columnGroup>
					</p:dataTable>
					<h:panelGroup>
						<p:graphicImage value="#{situacionActualController.chartCategoryDesviacionContraPerfil}" />
					</h:panelGroup>
				</h:panelGrid>
			</h:panelGrid>
		</ui:define>

		<ui:define name="extraarea">
			<p:dialog id="idpnlDetalleExposicion_" header="Detalle de Exposición" 
				widgetVar="poppnlDetalleExposicion_" modal="true" dynamic="true" width="880">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
					cellpadding="5" styleClass="bordePanel" columns="1" width="100%"
					style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Categoría: #{situacionActualController.tituloActParticulares}" id="tituloDetalleExp_"/>
					</f:facet>
					<p:dataTable id="dtDetalleExposicion_" value="#{situacionActualController.listaDetExpEspActivosParticulares}" 
						var="fila" emptyMessage="No hay resultados." styleClass="styleDataTableWrapNormal"
						paginator="true" rows="10" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:columnGroup type="header">
							<p:row>
								<p:column rowspan="2" headerText="Nemónico" />
								<p:column rowspan="2" headerText="Moneda" />
								<p:column width="160" colspan="3" headerText="Saldo(Nro de Títulos)" />
								<p:column width="220" rowspan="2" headerText="Compra no Liquidada(Nro de Títulos)" />
								<p:column rowspan="2" headerText="Precio Promedio" />
								<p:column rowspan="2" headerText="Precio Actual" />
								<p:column rowspan="2" headerText="Valorización a Precio Actual" />
								<p:column colspan="2" headerText="Utilidad V.Actual-V.Compra" />
								<p:column rowspan="2" headerText="Peso(%)" />
							</p:row>
							<p:row>
								<p:column width="100" headerText="Contable" />
								<p:column width="70" headerText="Disponible" />
								<p:column headerText="Retenido" />
								<p:column headerText="M.Origen" />
								<p:column headerText="M.Extranjera" />
							</p:row>
						</p:columnGroup>
						<p:column><h:outputText value="#{fila.nemonico}" /></p:column>
						<p:column><h:outputText value="#{fila.moneda}" /></p:column>
						<p:column><h:outputText value="#{fila.saldocontablent}" /></p:column>
						<p:column><h:outputText value="#{fila.saldodisponiblent}" /></p:column>
						<p:column><h:outputText value="#{fila.saldoretenidont}" /></p:column>
						<p:column>
							<h:outputText value="#{fila.compranoliquidadant}" >
								<f:convertNumber pattern="#,##0" />
							</h:outputText>
						</p:column>
						<p:column><h:outputText value="#{fila.precpromedio}" /></p:column>
						<p:column><h:outputText value="#{fila.precactual}" /></p:column>
						<p:column><h:outputText value="#{fila.valorizacionprecioactual}" /></p:column>
						<p:column><h:outputText value="#{fila.utilidad}" /></p:column>
						<p:column><h:outputText value="#{fila.utilidaddolarizado}" /></p:column>
						<p:column>
							<h:outputText value="#{fila.peso}%" >
								<f:convertNumber pattern="#,##0.0" />
							</h:outputText>
						</p:column>
						<p:columnGroup type="footer">
				            <p:row>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column footerText="" styleClass="styleDataTableFooterOrange"/>
								<p:column styleClass="styleDataTableFooterOrange">
									<f:facet name="footer"><h:outputText value="#{situacionActualController.strTtalPesos}%" /></f:facet>
								</p:column>
							</p:row>
						</p:columnGroup>
					</p:dataTable>
				</h:panelGrid>
			</p:dialog>
		</ui:define>
	</ui:composition>
</html>